@charset "UTF-8";
html, body { -webkit-overflow-scrolling: touch; -o-overflow-scrolling: touch; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0; }

a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

body { font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans","微软雅黑"; font-size: 0.4rem; text-align: left; margin: 0 auto; line-height: 0.8rem; background: #d8e4ec; color: #333; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-bottom: 2.13333rem; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none; }

a:link, a:active, a:visited, a:hover { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

button { border-radius: 0px; -webkit-border-radius: 0px; outline: none; }

input { border-radius: 0; outline: none; -webkit-tap-highlight-color: transparent; }

input[type='submit'] { border-radius: 0px; -webkit-border-radius: 0px; outline: none; -webkit-appearance: none; }

input:-ms-clear { display: none; }

input, textarea { border: 0; }

textarea { resize: none; -webkit-appearance: none; outline: none; font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans","微软雅黑"; }

img { border: 0; vertical-align: middle; }

ul, li { list-style: none; }

.caseshowtwo table td, .newshowthree table td, .proshowfour table td, .questionSix table td { font-size: 0.37333rem; line-height: 0.66667rem; padding: 0.13333rem 0.13333rem; word-wrap: break-word; word-break: break-all; }

.caseshowtwo table th, .newshowthree table th, .proshowfour table th, .questionSix table th { font-size: 0.37333rem; line-height: 0.53333rem; padding: 0.2rem 0.13333rem; word-wrap: break-word; word-break: break-all; }

a:link, a:visited { color: #333; text-decoration: none; }

a:hover, a:active { color: #fb0909; text-decoration: none; }

img { MAX-WIDTH: 100% !important; HEIGHT: auto !important; _width: expression(this.width > 100% ? "100%" :this.width) !important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }

.container { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0px 0px; position: relative; }

.websitetop { position: absolute; left: 50%; transform: translateX(-50%); z-index: 100; padding: 0.46667rem 0.4rem; }

.websitetop .logo { float: left; width: 3.28rem; }

.websitetop .websiteback { position: absolute; left: 0rem; top: 0.46667rem; width: 1.09333rem; height: 0.82667rem; display: block; }

.websitetop .websiteback:before, .websitetop .websiteback:after { content: ''; position: absolute; background: #636f83; height: 0.06667rem; width: 0.33333rem; left: 0.4rem; }

.websitetop .websiteback:before { transform: rotate(45deg); bottom: 0.28rem; }

.websitetop .websiteback:after { transform: rotate(-45deg); top: 0.28rem; }

.websitetop .Breadnav { clear: both; display: block; padding: 0rem 0.69333rem 0rem 0.69333rem; text-align: center; color: #bac2d0; font-size: 0.4rem; line-height: 0.8rem; }

.websitetop .Breadnav a { color: #bac2d0; background: url(../images/m_homeicon10.png) no-repeat right center; padding-right: 0.26667rem; margin-right: 0.13333rem; background-size: 0.10667rem; }

.websitetop .websitetop_icon { float: right; width: 0.64rem; cursor: pointer; position: absolute; right: 0.4rem; top: 50%; margin-top: -0.21333rem; }

.websitetop .websitetop_icon i { background: #636f83; width: 100%; height: 0.08rem; position: relative; margin-top: 0.21333rem; margin-bottom: 0.21333rem; transition: all 0.5s; display: block; }

.websitetop .websitetop_icon i:before, .websitetop .websitetop_icon i:after { content: ''; position: absolute; background: inherit; right: 0rem; width: 0.45333rem; height: inherit; display: block; transition: all 0.5s; }

.websitetop .websitetop_icon i:before { top: -0.21333rem; }

.websitetop .websitetop_icon i:after { bottom: -0.21333rem; }

.websitetop .websitetop_icon.intro i { background: none; }

.websitetop .websitetop_icon.intro i:before, .websitetop .websitetop_icon.intro i:after { width: 100%; background: #636f83; }

.websitetop .websitetop_icon.intro i:before { top: -0.01333rem; transform: rotate(-45deg); }

.websitetop .websitetop_icon.intro i:after { bottom: 0rem; transform: rotate(45deg); }

.websitetop .websitetop_nav { position: absolute; right: 0.26667rem; top: 1.46667rem; background: #fff; border-radius: 0.13333rem; width: 3.2rem; display: none; box-shadow: 0rem 0rem 0.13333rem rgba(0, 0, 0, 0.1); padding: 0rem 0.26667rem; }

.websitetop .websitetop_nav:after { content: ''; position: absolute; width: 0rem; height: 0rem; border-top: 0rem; border-left: 0.13333rem solid transparent; border-right: 0.13333rem solid transparent; border-bottom: 0.13333rem solid #fff; right: 0.2rem; top: -0.13333rem; }

.websitetop .websitetop_nav a { clear: both; display: block; padding: 0.06667rem 0rem; text-align: center; color: #555; border-bottom: 1px solid #ddd; font-size: 0.4rem; }

.websitetop .websitetop_nav a:last-child { border: 0rem; }

.homeone { padding: 2.06667rem 0.4rem 0rem 0.4rem; background: #ebf1f5; background: -webkit-linear-gradient(top, #ebf1f5, #d8e4ec 60%); background: -o-linear-gradient(top, #ebf1f5, #d8e4ec 60%); background: linear-gradient(to bottom, #ebf1f5, #d8e4ec 60%); position: relative; }

.homeone:before { content: ''; position: absolute; top: 0rem; bottom: 0rem; right: 0rem; width: 30.4%; border-radius: 0.66667rem 0rem 0rem 0.66667rem; border: 2px solid rgba(255, 255, 255, 0.45); background: #e7f0f8; background: -webkit-linear-gradient(top, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45) 80%); background: -o-linear-gradient(top, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45) 80%); background: linear-gradient(to bottom, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45) 80%); box-shadow: -0.45333rem -0.45333rem 0.61333rem 0.13333rem rgba(255, 255, 255, 0.45), 0.30667rem 0.30667rem 0.66667rem 0rem rgba(58, 75, 98, 0.45); }

.homeone .homeonetop { clear: both; position: relative; z-index: 5; }

.homeone .homeonetop:before { content: ''; position: absolute; right: 0rem; top: -0.53333rem; background: url(../images/m_numicon01.png) no-repeat center center; background-size: 100%; width: 4.46667rem; height: 1.2rem; }

.homeone .homeonetop h1 { clear: both; display: block; width: 6rem; line-height: 1; padding-top: 0.26667rem; position: relative; z-index: 2; font-size: 0.73333rem; color: #333; }

.homeone .homeonetop strong { clear: both; display: block; font-size: 0.48rem; font-weight: bold; color: #ff4842; line-height: 1; padding-top: 0.4rem; padding-bottom: 0.26667rem; }

.homeone .homeonetop span { clear: both; display: block; font-size: 0.37333rem; color: #5c6c89; position: relative; line-height: 0.37333rem; }

.homeone .homeonetop span:before { content: ''; position: absolute; background: #ff4842; width: 0.08rem; height: 0.37333rem; left: -0.4rem; top: 50%; margin-top: -0.18667rem; }

.homeone .homeonebom { position: relative; z-index: 5; padding-top: 0.86667rem; }

.homeone .homeonebom .homeonebomitem { position: relative; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl { float: left; width: 73.91304%; position: relative; overflow: hidden; margin-left: -0.4rem; z-index: 5; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide .homeonebomitemflcon .homeonebomitemflpic { clear: both; display: block; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide .homeonebomitemflcon .homeonebomitemflpic img { width: 100%; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide .homeonebomitemflcon .homeonebomitemflbox { clear: both; padding-left: 0.4rem; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide .homeonebomitemflcon .homeonebomitemflbox h3 { clear: both; background: url(../images/m_numicon02.png) no-repeat left center; background-size: 0.26667rem; padding-left: 0.46667rem; color: #2b3444; font-size: 0.50667rem; font-weight: bold; line-height: 0.6rem; text-align: left; margin-bottom: 0.29333rem; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide .homeonebomitemflcon .homeonebomitemflbox h3 a { color: #2b3444; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfl .swiper-slide .homeonebomitemflcon .homeonebomitemflbox p { clear: both; font-size: 0.4rem; color: #5c6c89; line-height: 0.6rem; text-align: left; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr { position: absolute; right: 0rem; bottom: 0rem; width: 34.05797%; margin-right: -4.34783%; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr:after { content: ''; position: absolute; right: 0rem; bottom: 0rem; top: 0rem; border-left: 0.02667rem dotted #2f8fff; border-bottom: 0.02667rem dotted #2f8fff; left: 0rem; border-radius: 0rem 0rem 0rem 0.66667rem; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr.homeoneul1:after { top: 1.33333rem; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr.homeoneul2:after { top: 3.93333rem; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr.homeoneul3:after { top: 6.53333rem; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr ul { padding-bottom: 1.12rem; position: relative; z-index: 10; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr ul li { clear: both; display: block; padding: 0.13333rem 0rem; text-align: center; cursor: pointer; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr ul li span { clear: both; display: block; text-align: center; width: 78.94737%; padding: 0.26667rem 0.26667rem; margin: 0 auto; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr ul li span img { width: 100%; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr ul li.active { position: relative; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr ul li.active:after { content: ''; position: absolute; left: -0.29333rem; top: 50%; margin-top: -0.29333rem; width: 0.58667rem; height: 0.58667rem; background: url(../images/m_homebanner_dot.jpg) no-repeat center center; background-size: 100%; border-radius: 50%; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr a { clear: both; display: block; position: relative; z-index: 10; background: #d7323b; background: -webkit-linear-gradient(left, #d7323b 30%, #701034); background: -o-linear-gradient(left, #d7323b 30%, #701034); background: linear-gradient(to right, #d7323b 30%, #701034); border-radius: 0.26667rem 0rem 0rem 0.66667rem; overflow: hidden; }

.homeone .homeonebom .homeonebomitem .homeonebomitemfr a span { clear: both; display: block; font-size: 0.45333rem; color: #ffffff; line-height: 0.64rem; font-weight: bold; padding: 0.26667rem 0.4rem; text-align: center; }

.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.hometel { clear: both; display: block; margin-top: 1.06667rem; margin-bottom: 1.6rem; padding: 0rem 0.4rem; position: relative; }

.hometel:after { content: ''; width: 3.96rem; height: 3.68rem; background: url(../images/m_telicon02.png) no-repeat center top; background-size: 100%; display: block; position: absolute; right: 0rem; bottom: 0rem; z-index: 6; }

.hometel a, .hometel .hometeltop { clear: both; display: block; position: relative; cursor: pointer; }

.hometel a i, .hometel .hometeltop i { position: absolute; top: 0rem; bottom: 0rem; left: 0px; border-radius: 1.37333rem; }

.hometel a i:first-child, .hometel .hometeltop i:first-child { z-index: 1; right: 0rem; background: #cddde8; }

.hometel a i:first-child + i, .hometel .hometeltop i:first-child + i { z-index: 2; right: 0.56rem; background: #d5e3ec; }

.hometel a i:first-child + i + i, .hometel .hometeltop i:first-child + i + i { z-index: 3; right: 1.54667rem; background: #dfeaf1; }

.hometel a i:first-child + i + i + i, .hometel .hometeltop i:first-child + i + i + i { z-index: 4; right: 2.46667rem; background: #e9f1f6; }

.hometel a .hometelbox, .hometel .hometeltop .hometelbox { clear: both; display: block; width: 65.21739%; position: relative; z-index: 5; background: #f3f8fb; padding: 0.29333rem 0rem 0.29333rem 1.46667rem; border-radius: 1.37333rem; line-height: 1; }

.hometel a .hometelbox strong, .hometel .hometeltop .hometelbox strong { clear: both; text-align: left; font-size: 0.32rem; font-weight: normal; color: #6790ac; line-height: 1; }

.hometel a .hometelbox span, .hometel .hometeltop .hometelbox span { clear: both; display: block; width: 100%; line-height: 1; padding: 0rem 0rem 0.17333rem 0rem; text-align: left; margin: 0 auto; }

.hometel a .hometelbox span img, .hometel .hometeltop .hometelbox span img { clear: both; display: block; width: 68.88889%; }

.hometel a:after, .hometel .hometeltop:after { content: ''; position: absolute; width: 0.96rem; height: 0.96rem; left: 0.26667rem; top: 0.21333rem; z-index: 5; }

.hometel a:after { background: url(../images/m_telicon03.png) no-repeat center center; background-size: 100%; }

.hometel .hometeltop { margin-bottom: 0.13333rem; }

.hometel .hometeltop:after { background: url(../images/m_telicon04.png) no-repeat center center; background-size: 100%; }

.hometel.hometel_case { margin-bottom: 1.06667rem; }

.hometel.hometel_pro .hometeltop .wxhbom01 { position: absolute; left: .36rem; top: -.8rem; background: #262c38; border-radius: .13333rem; line-height: 1; color: #fff; padding: .2rem .26667rem; z-index: 10; font-size: .37333rem; display: none; transition: all 0.5s; }

.hometel.hometel_pro .hometeltop .wxhbom01:after { content: ''; position: absolute; left: .26667rem; bottom: -.13333rem; width: 0px; height: 0px; border-top: .13333rem solid #262c38; border-left: .13333rem solid transparent; border-right: .13333rem solid transparent; border-bottom: 0px; }

.hometel.hometel_pro .hometeltop.on .wxhbom01 { display: block; }

.hometel01 { clear: both; display: block; margin-top: 1.06667rem; margin-bottom: 1.6rem; padding: 0rem 0.4rem; position: relative; }

.hometel01:after { content: ''; width: 3.53333rem; height: 3.13333rem; background: url(../images/m_telicon02.png) no-repeat center top; background-size: 100%; display: block; position: absolute; right: 0.66667rem; bottom: 0rem; z-index: 6; }

.hometel01 a { clear: both; display: block; position: relative; }

.hometel01 a i { position: absolute; top: 0rem; bottom: 0rem; left: 0.42667rem; border-radius: 1.37333rem; }

.hometel01 a i:first-child { z-index: 1; width: 90.66667%; background: #cddde8; }

.hometel01 a i:first-child + i { z-index: 2; width: 85.33333%; background: #d5e3ec; }

.hometel01 a i:first-child + i + i { z-index: 3; width: 76%; background: #dfeaf1; }

.hometel01 a i:first-child + i + i + i { z-index: 4; width: 66.66667%; background: #e9f1f6; }

.hometel01 a .hometelbox { clear: both; display: block; width: 65.21739%; position: relative; z-index: 5; background: #fff; padding: 0.46667rem 0rem; border-radius: 1.37333rem; }

.hometel01 a .hometelbox p { clear: both; text-align: center; font-size: 0.4rem; color: #2b3444; line-height: 1; }

.hometel01 a .hometelbox p span { display: inline-block; margin: 0rem 0.22667rem; color: #6790ac; font-size: 0.34667rem; line-height: 1; text-decoration: underline; }

.hometel01 a .hometelbox > span { clear: both; display: block; width: 78.88889%; line-height: 1; padding: 0.26667rem 0rem 0.22667rem 0rem; text-align: center; margin: 0 auto; }

.hometel01.hometel_case { margin-bottom: 1.06667rem; }

.popup { position: fixed; width: 100%; height: 100%; left: 0; top: -100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; z-index: 9999; opacity: 0; filter: alpha(opacity=0); }

.popup .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.popup .popupbox { position: absolute; left: 50%; top: 50%; width: 4.8rem; height: 2.53333rem; border-radius: 0.2rem; background: rgba(255, 255, 255, 0.9); border: 1px solid #565d66; cursor: pointer; transform: translate(-50%, -50%); cursor: pointer; }

.popup .popupbox .close { position: absolute; right: 0.13333rem; top: 0.13333rem; width: 0.53333rem; height: 0.53333rem; background: url(../images/close.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer; }

.popup .popupbox p { padding: 0.66667rem 0.4rem 0rem 0.4rem; font-size: 0.37333rem; color: #333; line-height: 0.66667rem; text-align: center; }

.popup.open { top: 0; opacity: 1; filter: alpha(opacity=100); }

.homeheadline { clear: both; padding: 0rem 0.73333rem 1.2rem 0.73333rem; }

.homeheadline .homeheadlinebox { clear: both; display: block; width: 100%; border: 2px solid #fff; border-radius: 0.42667rem; background: #e7f0f8; background: -webkit-linear-gradient(top, #e7f0f8, #cfe2f4); background: -o-linear-gradient(top, #e7f0f8, #cfe2f4); background: linear-gradient(to bottom, #e7f0f8, #cfe2f4); position: relative; }

.homeheadline .homeheadlinebox:after { content: ''; background: url(../images/m_homeheadlineicon04.jpg) repeat; height: 1.30667rem; position: absolute; left: 2px; bottom: 2px; right: 2px; border-radius: 0rem 0rem 0.42667rem 0.42667rem; }

.homeheadline .homeheadlinebox:before { content: ''; background: url(../images/m_homeheadlineicon01.png) no-repeat center top; width: 9.53333rem; height: 2.66667rem; background-size: 100%; position: absolute; left: -0.44rem; bottom: 0.46667rem; z-index: 3; }

.homeheadline .homeheadlinebox .homeheadlineboxtit { clear: both; display: block; text-align: left; padding-right: 0.36rem; position: relative; }

.homeheadline .homeheadlinebox .homeheadlineboxtit h2 { position: absolute; top: -0.56rem; left: 0.4rem; display: inline-block; padding: 0rem 1.2rem; text-align: center; line-height: 1.06667rem; background: white; box-shadow: 0.10667rem 0.10667rem 0.24rem 0px rgba(58, 75, 98, 0.11); border-radius: 0.53333rem; color: #2b3444; font-size: 0.4rem; }

.homeheadline .homeheadlinebox .homeheadlineboxtit a { float: right; font-size: 0.37333rem; color: #f7a837; }

.homeheadline .homeheadlinebox .homeheadlineboxtit a i { font-style: normal; font-size: 0.53333rem; font-weight: 100; vertical-align: baseline; display: inline-block; padding-left: 0.06667rem; }

.homeheadline .homeheadlinebox ul { clear: both; padding: 0.13333rem 0.34667rem 2.53333rem 0.34667rem; position: relative; z-index: 3; }

.homeheadline .homeheadlinebox ul li { clear: both; display: block; background: url(../images/m_homeheadlineicon03.png) no-repeat left center; background-size: 0.21333rem; padding: 0.2rem 0rem 0.2rem 0.37333rem; line-height: 0.4rem; }

.homeheadline .homeheadlinebox ul li:first-child + li { background-image: url(../images/m_homeheadlineicon02.png); }

.homeheadline .homeheadlinebox ul li a { clear: both; display: block; color: #5c6c89; font-size: 0.37333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.homeheadline .homeheadlinebox p { position: relative; z-index: 3; display: block; display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; justify-content: space-around; flex-wrap: wrap; flex-direction: row; line-height: 1; padding-bottom: 0.26667rem; }

.homeheadline .homeheadlinebox p span { color: #ffffff; font-size: 0.32rem; display: inline-block; line-height: 1; }

.homeproclasstit { clear: both; display: block; text-align: center; }

.homeproclasstit h2 { clear: both; display: block; background: url(../images/m_homeicon02.png) no-repeat center bottom; background-size: 3.53333rem; font-size: 0.64rem; color: #2b3444; font-weight: bold; text-align: center; line-height: 1; }

.homeproclasstit h2 a { color: #2b3444; line-height: 1; }

.homeproclasstit h4 { clear: both; display: block; background: url(../images/m_homeicon02.png) no-repeat center bottom; background-size: 3.53333rem; font-size: 0.64rem; color: #2b3444; font-weight: bold; text-align: center; line-height: 1; }

.homeproclasstit h4 a { color: #2b3444; line-height: 1; }

.homeproclasstit p { clear: both; display: inline-block; font-size: 0.37333rem; color: #2b3444; border: 2px solid #2b3444; border-radius: 0.37333rem; line-height: 0.48rem; padding: 0.10667rem 0.26667rem; margin-top: 0.24rem; }

.homeproclass { clear: both; padding-bottom: 1.2rem; }

.homeproclass .homeproclasstop { clear: both; display: block; padding-top: 0.66667rem; padding-bottom: 0.8rem; }

.homeproclass .homeproclasstop li { float: left; width: 20%; text-align: center; }

.homeproclass .homeproclasstop li span { display: inline-block; width: 73.33333%; background: rgba(231, 240, 248, 0.45); background: -webkit-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: -o-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); border: 2px solid rgba(255, 255, 255, 0.45); box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36); border-radius: 0.28rem; color: #2b3444; font-size: 0.4rem; line-height: 1.04rem; text-align: center; cursor: pointer; }

.homeproclass .homeproclasstop li.active span { background: #d7323b; background: -webkit-linear-gradient(left, #d7323b 30%, #701034); background: -o-linear-gradient(left, #d7323b 30%, #701034); background: linear-gradient(to right, #d7323b 30%, #701034); box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36); color: #fff; }

.homeproclass .homeproclassbom { background: #ecf2f6; border-radius: 0.72rem; padding-top: 1.06667rem; position: relative; }

.homeproclass .homeproclassbom:before { content: ''; position: absolute; left: 50%; top: 0.4rem; width: 0.93333rem; height: 0.13333rem; margin-left: -0.46667rem; background: #d8e4ec; border-radius: 0.06667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem { position: relative; transform: translateX(-100%); position: absolute; opacity: 0; top: 0rem; left: 0; animation: leavel 1s 1; -webkit-animation: leavel 1s 1; }

.homeproclass .homeproclassbom .homeproclassbomitem ul { padding-bottom: 1.06667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li { float: left; width: 44%; margin-left: 4%; background: url(../images/m_homeicon03.png) no-repeat center bottom; background-size: 100%; padding-bottom: 0.46667rem; margin-top: 0.66667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li:first-child, .homeproclass .homeproclassbom .homeproclassbomitem ul li:first-child + li { margin-top: 0rem; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li .homeproclassbompic { clear: both; display: block; width: 100%; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li .homeproclassbompic img { clear: both; display: block; width: 100%; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li h3 { clear: both; display: block; line-height: 1; padding: 0.13333rem 0.2rem 0.26667rem 0.2rem; text-align: center; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li h3 a { clear: both; display: inline-block; line-height: 1; font-size: 0.4rem; color: #2b3444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.homeproclass .homeproclassbom .homeproclassbomitem ul li p { text-align: center; font-size: 0.32rem; line-height: 1; color: #5c6c89; padding: 0rem 0.13333rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox { padding: 0rem 0.4rem; position: relative; margin-bottom: 0.66667rem; margin-top: 0.26667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox .homeproclassbomitemboxpic { position: absolute; left: 0.4rem; top: 0rem; overflow: hidden; width: 5.06667rem; border-radius: 0.42667rem; box-shadow: 0rem 0.04rem 0.17333rem rgba(200, 46, 50, 0.11); overflow: hidden; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox .homeproclassbomitemboxpic img { width: 100%; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div { clear: both; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div h3 { margin-left: 5.46667rem; line-height: 1; padding: 0.26667rem 0rem; font-size: 0.48rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div h3 a { color: #2b3444; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div p { margin-left: 5.46667rem; line-height: 1; font-size: 0.32rem; color: #5c6c89; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url(../images/m_homeicon06.jpg) no-repeat left bottom; background-size: 3.21333rem; padding-bottom: 0.24rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div em { clear: both; display: block; border-radius: 0.42667rem; background: #fff; padding-left: 5.46667rem; padding-top: 0.24rem; padding-bottom: 0.24rem; margin-top: 0.26667rem; margin-left: 0.24rem; }

.homeproclass .homeproclassbom .homeproclassbomitem .homeproclassbomitembox div em img { clear: both; display: block; width: 3.10667rem; }

.homeproclass .homeproclassbom .homeproclassbomitem.active { position: static; top: auto; left: 0; opacity: 1; transform: translateX(0); animation: enterin 1s 1; -webkit-animation: enterin 1s 1; }

@keyframes leavel { 0% { transform: translateX(0%);
    position: static;
    opacity: 1; }
  50% { transform: translateX(0%);
    position: static;
    opacity: 0; }
  100% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; } }

@-webkit-keyframes leavel { 0% { transform: translateX(0%);
    position: static;
    opacity: 1; }
  50% { transform: translateX(0%);
    position: static;
    opacity: 0; }
  100% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; } }

@keyframes enterin { 0% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; }
  50% { transform: translateX(-100%);
    position: absolute;
    opacity: 1; }
  100% { transform: translateX(0%);
    position: static;
    opacity: 1; } }

@-webkit-keyframes enterin { 0% { transform: translateX(-100%);
    position: absolute;
    opacity: 0; }
  50% { transform: translateX(-100%);
    position: absolute;
    opacity: 1; }
  100% { transform: translateX(0%);
    position: static;
    opacity: 1; } }

.homecase { padding-bottom: 1.13333rem; }

.homecase .homecasetop { clear: both; display: block; padding-top: 0.66667rem; }

.homecase .homecasetop li { float: left; width: 20%; text-align: center; }

.homecase .homecasetop li a { display: inline-block; width: 73.33333%; background: rgba(231, 240, 248, 0.45); background: -webkit-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: -o-linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); background: linear-gradient(0deg, rgba(231, 240, 248, 0.45), rgba(207, 226, 244, 0.45)); border: 2px solid rgba(255, 255, 255, 0.45); box-shadow: -0.32rem -0.32rem 0.54667rem 0.06667rem rgba(255, 255, 255, 0.45), 0.21333rem 0.21333rem 0.66667rem 0rem rgba(58, 75, 98, 0.36); border-radius: 0.28rem; color: #2b3444; font-size: 0.4rem; line-height: 1.04rem; text-align: center; cursor: pointer; }

.homecase .homecasebom { padding: 0rem 0.4rem; }

.homecase .homecasebom li { clear: both; display: block; position: relative; margin-top: 1.06667rem; }

.homecase .homecasebom li .homecasebompic { clear: both; display: block; border-radius: 0.57333rem 0.57333rem 0rem 0rem; overflow: hidden; }

.homecase .homecasebom li .homecasebompic img { width: 100%; }

.homecase .homecasebom li > span { position: absolute; left: 0.26667rem; top: 0.26667rem; width: 1.28rem; height: 1.28rem; background: -webkit-linear-gradient(90deg, #bfccd9, #e6eff8); background: -o-linear-gradient(90deg, #bfccd9, #e6eff8); background: linear-gradient(90deg, #bfccd9, #e6eff8); box-shadow: 0.17333rem 0.17333rem 0.24rem 0px rgba(37, 42, 46, 0.72), -0.06667rem -0.06667rem 0.13333rem 0px rgba(255, 255, 255, 0.46); border-radius: 50%; }

.homecase .homecasebom li > span span { clear: both; display: block; margin: 0.06667rem; width: 1.14667rem; height: 1.14667rem; text-align: center; background: -webkit-linear-gradient(90deg, #e3eef9, #c8d4e0); background: -o-linear-gradient(90deg, #e3eef9, #c8d4e0); background: linear-gradient(90deg, #e3eef9, #c8d4e0); border-radius: 50%; padding-top: 0.06667rem; }

.homecase .homecasebom li > span span img { clear: both; display: block; width: 0.73333rem; margin: 0 auto; }

.homecase .homecasebom li > span span strong { clear: both; display: block; color: #2b3444; font-size: 0.26667rem; line-height: 1; margin-top: -0.04rem; }

.homecase .homecasebom li .homecasebombox { background: #ecf2f6; border-radius: 0rem 0rem 0.57333rem 0.57333rem; overflow: hidden; padding: 0.26667rem 0.4rem 0.73333rem 0.4rem; position: relative; }

.homecase .homecasebom li .homecasebombox:after { content: ''; position: absolute; left: -1.25333rem; bottom: -1.53333rem; width: 3.64rem; height: 3.64rem; border-radius: 50%; background: #f6f9fb; }

.homecase .homecasebom li .homecasebombox h3 { position: relative; z-index: 3; }

.homecase .homecasebom li .homecasebombox h3 a { clear: both; display: inline-block; color: #2b3444; font-size: 0.42667rem; font-weight: bold; }

.homecase .homecasebom li .homecasebombox p { clear: both; background: url(../images/m_homeicon07.png) no-repeat left center; background-size: 0.21333rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.34667rem; padding-left: 0.37333rem; color: #5c6c89; line-height: 0.66667rem; position: relative; z-index: 3; }

.homecase .homecasebom li .homecasebombox p span { font-weight: bold; font-size: 0.37333rem; }

.homecase .homecasebom li .homecasebombox > span { position: absolute; z-index: 3; bottom: 0rem; right: 0rem; padding-left: 2.53333rem; }

.homecase .homecasebom li .homecasebombox > span a { clear: both; display: inline-block; width: 2.4rem; height: 1.73333rem; background: #d7323b; background: -webkit-linear-gradient(left, #d7323b 30%, #701034); background: -o-linear-gradient(left, #d7323b 30%, #701034); background: linear-gradient(to right, #d7323b 30%, #701034); border-radius: 0.57333rem 0rem 0.57333rem 0rem; color: #fff; text-align: center; line-height: 1; font-size: 0.32rem; padding-top: 0.42667rem; }

.homecase .homecasebom li .homecasebombox > span a strong { clear: both; display: block; line-height: 1; font-size: 0.4rem; padding-bottom: 0.10667rem; }

.homecase .homecasebom li .homecasebombox > span span { position: absolute; bottom: 0.13333rem; left: 0rem; font-size: 0.32rem; color: #d3313a; padding-right: 1.25333rem; line-height: 0.53333rem; background: url(../images/m_homeicon20.png) no-repeat right center; background-size: 1.09333rem; }

.homenew { clear: both; display: block; margin-top: 0.26667rem; position: relative; padding: 0.8rem 0.4rem; margin-bottom: 1.33333rem; }

.homenew:after { content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 2rem; border-radius: 0rem 0.72rem 0.72rem 0rem; background: #b7cad7; }

.homenew li { clear: both; display: block; padding-left: 2rem; margin-top: 0.73333rem; position: relative; z-index: 2; overflow: hidden; }

.homenew li:first-child { margin-top: 0rem; }

.homenew li:after { content: ''; position: absolute; left: 1.16rem; top: 0.37333rem; width: 0.86667rem; height: 0.18667rem; background: url(../images/m_homeicon09.png) no-repeat center center; background-size: 100%; }

.homenew li .homenewtime { position: absolute; left: 0rem; top: 0rem; font-size: 0.37333rem; color: #fff; line-height: 0.42667rem; text-align: center; width: 1.2rem; display: block; }

.homenew li .homenewtime i { clear: both; display: block; font-style: normal; }

.homenew li .homenewclass { float: right; font-size: 0.32rem; line-height: 0.66667rem; color: #5c6c89; }

.homenew li .homenewkey { float: left; font-size: 0.34667rem; line-height: 0.66667rem; color: #fff; background: #f7a837; border-radius: 0.33333rem; padding: 0rem 0.2rem; }

.homenew li h3 { clear: both; display: block; text-align: left; font-weight: normal; padding-bottom: 0.2rem; }

.homenew li h3 a { clear: both; display: block; font-size: 0.37333rem; line-height: 0.48rem; color: #2b3444; }

.homeNewzt { clear: both; display: block; padding-top: 0.53333rem; padding-bottom: 1.06667rem; overflow: hidden; position: relative; }

.homeNewzt .swiper-slide { width: 85.3333%; }

.homeNewzt .homeNewztBox { clear: both; display: block; background: #fff; border-radius: 0.57333rem; margin-left: 0.4rem; position: relative; overflow: hidden; }

.homeNewzt .homeNewztBox .homeNewztBoxPic { clear: both; display: block; overflow: hidden; }

.homeNewzt .homeNewztBox .homeNewztBoxPic img { width: 100%; }

.homeNewzt .homeNewztBox .homeNewztBoxFl { width: 66.0655%; position: absolute; left: 0rem; top: 0rem; height: 100%; padding: 0.53333rem 0.13333rem 0rem 0.53333rem; }

.homeNewzt .homeNewztBox .homeNewztBoxFl.homeNewztBoxFl01 h3 a { text-shadow: 0rem 0.08rem 0rem #bf8e48; }

.homeNewzt .homeNewztBox .homeNewztBoxFl.homeNewztBoxFl02 h3 a { text-shadow: 0rem 0.08rem 0rem #3677c1; }

.homeNewzt .homeNewztBox .homeNewztBoxFl h3 { padding-bottom: 0.2rem; padding-right: 1.2rem; }

.homeNewzt .homeNewztBox .homeNewztBoxFl h3 a { color: #fff; font-size: 0.53333rem; line-height: 0.64rem; overflow: hidden; text-align: left; }

.homeNewzt .homeNewztBox .homeNewztBoxFl p i { float: left; line-height: 0.53333rem; color: #5c6c89; font-size: 0.34667rem; font-style: normal; background: #fff; border-radius: 0.33333rem; margin-right: 0.13333rem; padding: 0rem 0.2rem; }

.message { clear: both; background: url(../images/messagebg.png) no-repeat center top #ecf2f6; background-size: 100%; border-radius: 1.33333rem; padding: 0.93333rem 1.2rem 1.04rem 0.86667rem; }

.message .messagetop { clear: both; text-align: center; padding-bottom: 0.8rem; }

.message .messagetop h4, .message .messagetop h2, .message .messagetop h3 { line-height: 1; font-size: 0.64rem; color: #bdcad2; margin-bottom: 0.2rem; background: url(../images/m_messageicon05.png) no-repeat center bottom; background-size: 3.53333rem; padding-bottom: 0.06667rem; padding-left: 0rem; padding-right: 0rem; }

.message .messagetop p { line-height: 0.69333rem; display: inline-block; font-size: 0.37333rem; color: #bdcad2; border: 2px solid #bdcad2; border-radius: 0.37333rem; padding: 0rem 0.33333rem; }

.message .messagemid .messagemidpic { clear: both; width: 3.73333rem; margin: 0 auto; position: relative; }

.message .messagemid .messagemidpic:after { content: ''; display: block; width: 4rem; height: 4rem; border-radius: 0.57333rem; position: absolute; left: -0.13333rem; bottom: -0.13333rem; z-index: 1; background: -webkit-linear-gradient(145deg, rgba(3, 20, 29, 0.44), rgba(213, 222, 228, 0.48)); background: -o-linear-gradient(145deg, rgba(3, 20, 29, 0.44), rgba(213, 222, 228, 0.48)); background: linear-gradient(145deg, rgba(3, 20, 29, 0.44), rgba(213, 222, 228, 0.48)); box-shadow: 0rem 0.25333rem 1.56rem rgba(21, 54, 72, 0.55); }

.message .messagemid .messagemidpic img { width: 100%; position: relative; z-index: 2; }

.message .messagemid .messagemidtit { clear: both; display: block; font-size: 0.37333rem; color: #a6b6bf; line-height: 1; text-align: center; padding-top: 0.54667rem; }

.message .messagebom { clear: both; padding-top: 0.66667rem; }

.message .messagebom .messageicon01, .message .messagebom .messageicon02, .message .messagebom .messageicon03, .message .messagebom .messageicon04, .message .messagebom .messageicon05, .message .messagebom .messageicon06, .message .messagebom .messageicon07 { position: relative; padding: 0.13333rem 0rem 0.13333rem 1.2rem; }

.message .messagebom .messageicon01:after, .message .messagebom .messageicon02:after, .message .messagebom .messageicon03:after, .message .messagebom .messageicon04:after, .message .messagebom .messageicon05:after, .message .messagebom .messageicon06:after, .message .messagebom .messageicon07:after { content: ''; position: absolute; left: 1.2rem; right: 0rem; bottom: 0rem; border-bottom: 0.05333rem solid #bdcad2; border-radius: 0.05333rem; }

.message .messagebom .messageicon01 input, .message .messagebom .messageicon02 input, .message .messagebom .messageicon03 input, .message .messagebom .messageicon04 input, .message .messagebom .messageicon05 input, .message .messagebom .messageicon06 input, .message .messagebom .messageicon07 input { width: 100%; height: 0.97333rem; line-height: 0.97333rem; border: 0rem; background: none; text-align: left; color: #607292; font-size: 0.4rem; font-weight: bold; }

.message .messagebom .messageicon01 input::-webkit-input-placeholder, .message .messagebom .messageicon02 input::-webkit-input-placeholder, .message .messagebom .messageicon03 input::-webkit-input-placeholder, .message .messagebom .messageicon04 input::-webkit-input-placeholder, .message .messagebom .messageicon05 input::-webkit-input-placeholder, .message .messagebom .messageicon06 input::-webkit-input-placeholder, .message .messagebom .messageicon07 input::-webkit-input-placeholder { color: #607292; }

.message .messagebom .messageicon01 input:-moz-placeholder, .message .messagebom .messageicon02 input:-moz-placeholder, .message .messagebom .messageicon03 input:-moz-placeholder, .message .messagebom .messageicon04 input:-moz-placeholder, .message .messagebom .messageicon05 input:-moz-placeholder, .message .messagebom .messageicon06 input:-moz-placeholder, .message .messagebom .messageicon07 input:-moz-placeholder { color: #607292; }

.message .messagebom .messageicon01 input::-moz-placeholder, .message .messagebom .messageicon02 input::-moz-placeholder, .message .messagebom .messageicon03 input::-moz-placeholder, .message .messagebom .messageicon04 input::-moz-placeholder, .message .messagebom .messageicon05 input::-moz-placeholder, .message .messagebom .messageicon06 input::-moz-placeholder, .message .messagebom .messageicon07 input::-moz-placeholder { color: #607292; }

.message .messagebom .messageicon01 input:-ms-input-placeholder, .message .messagebom .messageicon02 input:-ms-input-placeholder, .message .messagebom .messageicon03 input:-ms-input-placeholder, .message .messagebom .messageicon04 input:-ms-input-placeholder, .message .messagebom .messageicon05 input:-ms-input-placeholder, .message .messagebom .messageicon06 input:-ms-input-placeholder, .message .messagebom .messageicon07 input:-ms-input-placeholder { color: #607292; }

.message .messagebom .messageicon01 textarea, .message .messagebom .messageicon02 textarea, .message .messagebom .messageicon03 textarea, .message .messagebom .messageicon04 textarea, .message .messagebom .messageicon05 textarea, .message .messagebom .messageicon06 textarea, .message .messagebom .messageicon07 textarea { width: 100%; height: 2.4rem; line-height: 0.73333rem; padding-top: 0.13333rem; border: 0rem; background: none; text-align: left; color: #607292; font-size: 0.4rem; font-weight: bold; }

.message .messagebom .messageicon01 textarea::-webkit-input-placeholder, .message .messagebom .messageicon02 textarea::-webkit-input-placeholder, .message .messagebom .messageicon03 textarea::-webkit-input-placeholder, .message .messagebom .messageicon04 textarea::-webkit-input-placeholder, .message .messagebom .messageicon05 textarea::-webkit-input-placeholder, .message .messagebom .messageicon06 textarea::-webkit-input-placeholder, .message .messagebom .messageicon07 textarea::-webkit-input-placeholder { color: #607292; }

.message .messagebom .messageicon01 textarea:-moz-placeholder, .message .messagebom .messageicon02 textarea:-moz-placeholder, .message .messagebom .messageicon03 textarea:-moz-placeholder, .message .messagebom .messageicon04 textarea:-moz-placeholder, .message .messagebom .messageicon05 textarea:-moz-placeholder, .message .messagebom .messageicon06 textarea:-moz-placeholder, .message .messagebom .messageicon07 textarea:-moz-placeholder { color: #607292; }

.message .messagebom .messageicon01 textarea::-moz-placeholder, .message .messagebom .messageicon02 textarea::-moz-placeholder, .message .messagebom .messageicon03 textarea::-moz-placeholder, .message .messagebom .messageicon04 textarea::-moz-placeholder, .message .messagebom .messageicon05 textarea::-moz-placeholder, .message .messagebom .messageicon06 textarea::-moz-placeholder, .message .messagebom .messageicon07 textarea::-moz-placeholder { color: #607292; }

.message .messagebom .messageicon01 textarea:-ms-input-placeholder, .message .messagebom .messageicon02 textarea:-ms-input-placeholder, .message .messagebom .messageicon03 textarea:-ms-input-placeholder, .message .messagebom .messageicon04 textarea:-ms-input-placeholder, .message .messagebom .messageicon05 textarea:-ms-input-placeholder, .message .messagebom .messageicon06 textarea:-ms-input-placeholder, .message .messagebom .messageicon07 textarea:-ms-input-placeholder { color: #607292; }

.message .messagebom .messageicon01 { background: url(../images/messageicon01.png) no-repeat left center; background-size: 1.13333rem; }

.message .messagebom .messageicon02 { background: url(../images/messageicon02.png) no-repeat left center; background-size: 1.13333rem; }

.message .messagebom .messageicon03 { background: url(../images/messageicon03.png) no-repeat left center; background-size: 1.13333rem; }

.message .messagebom .messageicon04 { background: url(../images/messageicon05.png) no-repeat left center; background-size: 1.13333rem; }

.message .messagebom .messageicon05 { background: url(../images/messageicon03.png) no-repeat left center; background-size: 1.13333rem; }

.message .messagebom .messageicon06 { background: url(../images/messageicon06.png) no-repeat left 0.13333rem; background-size: 1.13333rem; }

.message .messagebom .messageicon07 { background: url(../images/messageicon06.png) no-repeat left 0.13333rem; background-size: 1.13333rem; }

.message .messagebom .messageicon08 { padding-top: 0.93333rem; }

.message .messagebom .messageicon08 input { clear: both; display: block; width: 4.26667rem; height: 1.2rem; line-height: 1.2rem; color: #2b3444; font-size: 0.45333rem; background: #f7a837; border-radius: 0.6rem; margin: 0 auto; }

.message.quesmessage { padding-top: 1.2rem; }

.message.quesmessage .messagetop { padding-bottom: 0.13333rem; }

.message.quesmessage .messagetop h4 { color: #fefefe; background-image: url(../images/m_messageicon06.png); }

.message.quesmessage .messagetop p { color: #bdcad2; }

.message.quesmessage .quesmessagemid { clear: both; margin-right: -1.06667rem; }

.message.quesmessage .quesmessagemid li { float: left; width: 33.3333%; padding: 0.13333rem 0rem; }

.message.quesmessage .quesmessagemid li label { display: block; background: url(../images/m_messageicon07.png) no-repeat left center; background-size: 0.4rem; padding-left: 0.66667rem; line-height: 0.53333rem; cursor: pointer; transition: all .5s; position: relative; color: #f7a837; font-size: 0.37333rem; }

.message.quesmessage .quesmessagemid li label.checked { background-image: url(../images/m_messageicon08.png); }

.message.quesmessage .quesmessagemid li label input { position: absolute; left: 0rem; opacity: 0; right: 0rem; top: 0rem; bottom: 0rem; }

.message.quesmessage .quesmessagemidtit { clear: both; display: block; font-size: 0.37333rem; color: #a6b6bf; line-height: 1; text-align: center; padding-top: 1.73333rem; padding-bottom: 0.06667rem; }

.message.quesmessage .messagebom .messageicon08 { padding-top: 0.93333rem; }

.message.quesmessage .messagebom .messageicon08 input { color: #fff; background: #bc2830; background: -webkit-linear-gradient(45deg, #bc2830 30%, #701034); background: -o-linear-gradient(45deg, #bc2830 30%, #701034); background: linear-gradient(45deg, #bc2830 30%, #701034); }

.message.videomessage { padding-top: 1.33333rem; margin-bottom: 1.2rem; }

.message.videomessage .messagetop { padding-bottom: 0.66667rem; }

.message.videomessage .messagetop h4 { color: #fefefe; background-image: url(../images/m_messageicon06.png); }

.message.videomessage .messagetop p { color: #bdcad2; }

.message.messageicon06 .messagebom .messageicon06 { display: none; }

.message.messageicon07 .messagebom .messageicon07 { display: none; }

#gotoTop2 { position: fixed; right: 0.4rem; bottom: 4rem; width: 1.06667rem; height: 1.06667rem; display: none; z-index: 99999; background: url(../images/m_totop.png) no-repeat center center; background-size: 1.06667rem; cursor: pointer; }

.floatbom01 { position: fixed; left: 50%; bottom: -0.53333rem; transform: translateX(-50%); z-index: 100; opacity: 0; transition: all 0.5s; }

.floatbom01 .floatbomfl { position: absolute; left: 4.26667%; top: 0.4rem; width: 33.33333%; text-align: center; line-height: 1; padding: 0rem; display: block; }

.floatbom01 .floatbomfl a { display: inline-block; font-size: 0.42667rem; font-weight: bold; color: #353e4d; background: url(../images/m_floatbomicon01.png) no-repeat left center; background-size: 0.66667rem; padding-left: 0.85333rem; line-height: 1.28rem; text-align: left; }

.floatbom01 .floatbommid { position: absolute; left: 40%; top: 0.48rem; width: 54.66667%; font-size: 0.42667rem; text-align: left; color: #f7a837; padding-left: 1.33333rem; overflow: hidden; border-top-left-radius: 0.49333rem 0.49333rem; }

.floatbom01 .floatbommid:after { content: ''; position: absolute; left: 0rem; top: -0.2rem; width: 1.34667rem; height: 1.36rem; background: url(../images/m_floatbomicon02.gif) no-repeat center center; background-size: 100%; transform: scale(-1, 1); }

.floatbom01 .floatbommid strong { font-size: 0.49333rem; }

.floatbom01 .floatbommid span { clear: both; display: block; line-height: 1; color: #d8e4ec; font-size: 0.32rem; }

.floatbom01.durday { bottom: -3.46667rem; background: url(../images/m_floatbombgs.png) no-repeat center top; background-size: 100%; height: 2rem; }

.floatbom01.durday .floatbomfl { top: 0.4rem; line-height: 1.2rem; }

.floatbom01.durday .floatbommid { top: 0.48rem; }

.floatbom01.durday .hometeltop { width: 1.06667rem; height: 1.06667rem; border-radius: 50%; position: absolute; right: 0.64rem; top: 0.57333rem; cursor: pointer; }

.floatbom01.durday .hometeltop .wxhbom01 { position: absolute; right: -.22667rem; top: -1.2rem; background: #353e4c; border-radius: .13333rem; line-height: 1; color: #fff; padding: .2rem .13333rem; z-index: 10; font-size: .37333rem; display: none; width: 6.4rem; transition: all 0.5s; text-align: center; }

.floatbom01.durday .hometeltop .wxhbom01:after { content: ''; position: absolute; right: .26667rem; bottom: -.13333rem; width: 0px; height: 0px; border-bottom: 0px; border-left: .13333rem solid transparent; border-right: .13333rem solid transparent; border-top: .13333rem solid #353e4c; }

.floatbom01.durday .hometeltop.on .wxhbom01 { display: block; }

.floatbom01.durday.active { opacity: 1; bottom: 0rem; }

.floatbom01.night { bottom: -2.38667rem; background: url(../images/m_floatbombg_02.png) no-repeat center top; background-size: 100%; height: 2.38667rem; padding-top: 0.86667rem; padding-left: 0.66667rem; padding-right: 0.8rem; }

.floatbom01.night .floatbomtit i { font-size: 0.34667rem; line-height: 1; padding-bottom: 2px; color: #353e4d; border-bottom: 1px solid #353e4d; font-style: normal; }

.floatbom01.night .floatbomtit span { float: right; background: url(../images/m_floatbomicon03.png) no-repeat left center; background-size: 0.66667rem; padding-left: 0.73333rem; line-height: 0.66667rem; font-size: 0.48rem; color: #f7a837; font-weight: bold; }

.floatbom01.night.active { opacity: 1; bottom: 0rem; }

.home-end { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; padding: 0.33333rem 0px 0px 0px; position: relative; text-align: center; font-size: 0.37333rem; line-height: 1.5; margin-bottom: 0.13333rem; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; left: 0; width: 100%; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; cursor: pointer; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.buamu { clear: both; display: block; line-height: 1; padding-top: 0.77333rem; }

.buamu a { clear: both; display: block; line-height: 1; }

.buamu a img { width: 100%; }

.message .messagebom p input:-webkit-autofill { -webkit-text-fill-color: #607292; -webkit-box-shadow: 0 0 0 1000px #ECF2F6 inset !important; box-shadow: 0 0 0 1000px #ECF2F6 inset !important; }

@media screen and (min-width: 750px) { html { font-size: 75px; } }

@media screen and (max-width: 700px) { html { font-size: 68px; } }

@media screen and (max-width: 660px) { html { font-size: 64px; } }

@media screen and (max-width: 520px) { html { font-size: 48px; } }

@media screen and (max-width: 400px) { html { font-size: 37.5px; } }

@media screen and (max-width: 359px) { html { font-size: 32px; } }